<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/sys/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>产品追溯信息</title>
<%@ include file="/WEB-INF/sys/include/css.jsp"%>
<style type="text/css">
.traces{overflow:hidden;padding:10px;margin:0 auto;}
.traces .title{font-size:14px;margin-bottom:10px;}
.traces .record{width:700px;margin-left:20px;padding-left:20px;border-bottom:1px solid #999;}
.traces .record .r1{height:30px;line-height:30px;vertical-align:middle;}
.traces .record .r1 b{width:200px;display:inline-block;}
.traces .record .r2{margin-bottom:10px;}
.traces .record .r3{margin-bottom:10px;}
.traces .record .r3 img{width:100px;height:70px;}
</style>
</head>
<body>
<div class="form">
	<div class="group">
		<div class="label">地块名称:</div>
		<div class="text">${traceData.blockName }</div>
	</div>
	<div class="group">
		<div class="label">产品名称:</div>
		<div class="text" style="width:160px;">${traceData.pdtname }</div>
		<div class="label">追溯码:</div>
		<div class="text">${traceData.pbn }</div>
	</div>
	<div class="group">
		<div class="label">种植日期:</div>
		<div class="text" style="width:160px;">${traceData.beginDate }</div>
		<div class="label">生产日期:</div>
		<div class="text">${traceData.endDate }</div>
	</div>
	<div class="buttons" style="width:730px;">
		<button type="button" id="cancel1">返回</button>
	</div>
</div>

<div class="traces">
	<div class="title">履历信息</div>
	<div class="record"></div>
	
	<c:forEach items="${traceData.records }" var="d">
	<div class="record">
		<div class="r1"><b>环节：${d.linkName }</b>作业时间：${d.workdate } ${d.worktime }</div>
		<div class="r2">${d.remark }</div>
		<div class="r3">
			<c:forEach items="${d.imgs }" var="m">
			<img src="${m.imgPath}" alt="${m.imgName }" />
			</c:forEach>
		</div>
	</div>
	</c:forEach>
</div>

<div class="form">
	<div class="buttons" style="width:730px;">
		<button type="button" id="cancel2">返回</button>
	</div>
</div>
<%@ include file="/WEB-INF/sys/include/script.jsp" %>
<script type="text/javascript">
$(function() {
	$("#cancel1,#cancel2").click(function(){
		UiUtil.closeForm();
	});
});
</script>
</body>
</html>